<template>
  <div class="find-password">
    <!-- 注册中 -->
    <div class="bg-white p20">
      <h3 class="title">手机找回密码</h3>
      <Mobile class="mt20"/>
    </div>
    <!--  底部  -->
    <div class="el-find-password-footer">
      <el-link type="primary" class="color-white" :underline="false" @click="$router.push('/login')">返回登陆></el-link>
    </div>
  </div>
</template>

<script>
import Mobile from './mobile.vue'
import Email from './email.vue'
export default {
  name: "FindPassword",
  components: {
    Mobile,
    Email
  },
  data() {
    return {
      type: 'mobile'
    };
  },
  created() {
  },
  methods: {
  }
};
</script>

<style rel="stylesheet/scss" lang="scss">
.find-password {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-image: url("../../assets/images/login-background.jpg");
  background-size: cover;
  .el-radio-group {
    width: 100%!important;
  }
  .el-radio-button {
    width: 50%!important;
  }
  .el-radio-button__inner {
    width: 100%!important;
  }
  .title {
    margin: 0px auto 10px auto;
    text-align: center;
  }
  .el-find-password-footer {
    height: 40px;
    line-height: 40px;
    position: fixed;
    bottom: 40px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    letter-spacing: 1px;
  }
}
</style>
